<template>
  <div class="question">
    <home_title></home_title>
    <van-row class="mine-top">
      <van-col span="6" offset="2"
        ><p style="font-size: 40px; margin: 30px -30px;color:white">user</p></van-col
      >
      <van-col span="6" offset="10">
        <div class="mine_img">
          <van-image
            width="85"
            height="85"
            round
            src="https://img01.yzcdn.cn/vant/cat.jpeg"
          />
        </div>
      </van-col>
    </van-row>
    <van-cell class="cell" title="我的战绩" icon="user-o"  is-link/>
    <van-cell class="cell" title="打地鼠" icon="records"  is-link to="/daview"/>
    <van-cell class="cell" title="植树活动" icon="location-o"  is-link to="/zhong"/>
    <van-cell class="cell" title="帮助与反馈" icon="service-o"  is-link/>
    <van-cell class="cell" title="退出登录" icon="revoke"  is-link @click="tuichu"/>
    <tabbar></tabbar>
  </div>
</template>

<script>
import Home_title from "@/components/Home_titleView.vue";
import Tabbar from "@/components/TabbarView.vue";

export default {
  components: {
    Home_title,
    Tabbar,
  },
  data() {
    return {
      active: "mine",
    };
  },
  methods: {
    tuichu(){
    localStorage.clear();
    this.$router.push('/')
    },
  },
};
</script>

<style>
.mine_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 1px white solid;
}
.mine-top {
  display: flex;
  align-items: center;
  margin: 40px 10px;
  padding: 0 40px;
}
.question {
  background: lightblue;
}
.cell{
padding: 30px;
}
.van-cell{
  align-items: baseline;
}
</style>